<div>
    <div class="hidden lg:block bg-white mt-3 p-6 rounded-xl">
        <div class="text-lg">热门博客</div>
        <div class="px-1">
            <div class="mt-4 text-sm text-gray-600">
                @foreach($hot_articles as $hot_article)
                    <div class="pb-2">
                        <a href="/article/{{ $hot_article['id'] }}" target="_blank"
                           class="block overflow-ellipsis overflow-hidden truncate">
                            <i class="iconfont icon-angle-right"></i>
                            {{ $hot_article['title'] }}
                        </a>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
